@charset "utf-8";
//@import "reset.scss";


.HomePage{
    width: 100%;
    height: 100%;
//  <!--头部-->
    .HomePagehead{
        width: 100%;
        height: 187px;
        margin: auto;
        border-bottom: 1px solid #888888;
        .HomePagehead-list{
            width: 1326px;
            height: 116px;
            margin: auto;
//          border: 1px solid black;
            .HomePagehead-img{
                width: 331px;
                height: 116px;
//              border: 1px solid black;
                float: left;
                
                img{
                    margin-left: 121px;
                    margin-top: 37px;
                    
                    border: 0px;
                }
            }
            .HomePagehead-img1{
                width: 241px;
                height: 116px;
                margin-left: 219px;
                
                
//              border: 1px solid black;
                float: left;
                .HomePagehead-img1-div{
                    height: 60px;
                    margin-top: 30px;
                    img{
                        float: left;
                    }
                    P{
                        display: inline-block;
                        width: 180px;
                        margin-top: 13px;
                        margin-left: 10px;
                        float: left;
                        font-size: 12px;
                        line-height: 20px;
                        
                    }
                }
                
            }
            .HomePagehead-img2{
                width: 239px;
                height: 116px;
                margin-left: 54px;
                
                
//              border: 1px solid black;
                float: left;
                .HomePage-input{
                    width: 224px;
                    height: 40px;
                    margin-top: 52px;
                    
//                  border: 1px solid black;
                    input{
                        width: 180px;
                        height: 30px;
                        float: left;
                        border:none;
                        border-bottom:1px solid #888888;
                        
                    }
                    a{
                        display:block;
//                      border: 1px solid black;
                        margin-top: 2px;
                        width: 25px;
                        height: 30px;
                        float: left;
                        
                    }
                    
                }
                
                
            }
            .HomePagehead-img3{
                width: 234px;
                height: 116px;
//              border: 1px solid black;
                float: left;
                p{
                    display: block;
                    width: 100px;
                    height:30px;
                    margin-top: 65px;
                    
                    
                     a{
                    color: #000000;
                    font-size: 12px;
                    width: 100px;
                    
                    }
                }
                span{
                    
                    
                    img{
                        width: 30px;
                        height: 30px;
                        float: right;
                        margin-top: -36px;
                        margin-right: 128px;
                    }
                }
               
                
            }
        }
        
        .HomePagehead-list1{
            margin: auto;
            width: 1349px;
            //清除浮动
                .cleanfloat::after{
                    display: block;
                    content: " ";
                    clear: both;
                }
                
            .cleanfloat{
                width: 643px;
                margin-left: 100px;
                margin-top: 20px;
                position: relative;
                z-index: 6;
                
                
                >li{
                    height: 40px;
                    float: left;
                    margin:0 45px;
                    text-align: center;
                    color: #000000;
//                  border: 1px solid black;


                    >a{  
                        height: 20px;
                        display: block;
                        color: #000000;
                        padding-top: 7px;
                        font-size: 12px;
                        font-weight: bold;
                        
                        &:hover{
                        color: red;
                        border-bottom:3px solid red;
                        
                        &:hover+ul{
                            display: block;
                        }
                    }
                    
                    }
                  
                    
                }
                
                >li:nth-child(2)>ul,>li:nth-child(3)>ul,>li:nth-child(4)>ul{
                    width: 1349px;
                    height: 200px;
                    position: absolute;
                    top:50px;
                    left: -100px;
                    display: none;
                    background: white;
                    
                    >li{
                        float: left;
                        width: 80px;
                        height: 150px;
                        margin:20px 0 0 30px;
                        text-align: center;
                        
                        &:first-child{
                            margin-left: 120px;
                        }
                        
                        >a>p{
                            font-weight: bold;
                            margin-top: 15px;
                            font-size: 14px;
                        }
                    }
                    
                }
                
            }
        }
        
    }
    
    

    //底部
    .HomePageheadbottom{
        margin: auto;
        width: 100%;
        height: 400px;
//      border: 1px solid black;
        .HomePageheadbottom-line{
            width: 100%;
            border-bottom:1px solid #888888;
            margin-top: 50px;
            
        }
        .HomePageheadbottom-list{
            width: 1088px;
            height: 80px;
            margin: auto;
            margin-top: 60px;
            border-bottom: 1px solid #888888;
            p{
                display: block;
                width: 220px;
                margin-left: 50px;
                margin-top: 10px;
                float: left;
                
                span{
                    display:block;
                    width: 140px;
                    height: 30px;
                    margin-left: 58px;
                    margin-top: -42px;
                    
                    
                    font-size: 17px;
                    font-weight: bold;
//                  border: 1px solid black;
                }
            }
            
        }
        .HomePageheadbottom-list1{
            width: 1088px;
            height: 172px;
            margin: auto;
//          border: 1px solid black;
            
            .HomePageheadbottom-list01{
                width: 100px;
                height: 120px;
                float: left;
                margin-left: 140px;
                margin-top: 50px;
                
                
                p{
                    margin-top: 10px;
                    font-size: 12px;
                    line-height: 20px;
                    a{
                        color: #000000;
                    }
                    a:hover{
                        color: red;
                    }
                    
                }
            }
            
        }
        .HomePageheadbottom-list2{
            width: 1088px;
            height: 103px;
            margin: auto;
//          border: 1px solid black;
            p{
                display: inline-block;
                height: 30px;
                width: 1088px;
                margin-top: 52px;
                text-align: center;
                font-size: 14px;
                color: #b9b8b8;
            }
            
        }
        
    }
     //清除浮动
        .cleanfloat::after{
            display: block;
            content: " ";
            clear: both;
            
        }
}

